import { Button, toast } from "../dComponent"

function Ptoast(props){
    let action = (type)=>{
        toast[type]('这是个Toast~',{
            delay:2000
        })
    }
    return(
        <div className="page">
            <h2>吐司-全新版本-开发中</h2>
            <div className="flexBox">   
                <Button
                    cls={'left-30'}
                    onClick={()=>{
                        action('success')
                    }}
                >成功</Button>
                <Button
                    cls={'left-30'}
                    onClick={()=>{
                        action('warn')
                    }}
                    type='warn'
                >警告</Button>
                <Button
                    cls={'left-30'}
                    onClick={()=>{
                        action('error')
                    }}
                    type='error'
                >错误</Button>
                <Button
                    cls={'left-30'}
                    onClick={()=>{
                        action('info')
                    }}
                >信息</Button>
            </div>
        </div>
    )
}
export default Ptoast